﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Contacts.Web.Login1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head id="LoginHead" runat="server">

   <title>Log in page</title>

   <link href="~/Styles/login-box.css" rel="stylesheet" type="text/css" />
   <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
   <link href="~/Styles/registration-slider.css" rel="stylesheet" type="text/css" media="screen" />
   <script type="text/javascript" src="Scripts/jquery-1.4.2.min.js"></script>
   <script type="text/javascript" src="Scripts/slide.js"></script>

</head>


<body>

   <form id="form2" runat="server">


<!-- Panel -->
<div id="toppanel">
	<div id="panel">
		<div class="content clearfix">
			<div class="leftInfo">
				<!-- Login Form -->
				<div class="clearfix">
				<br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
				<p class="grey">To download this web-application go to <a href="http://code.google.com/p/dotnetcontacts/" title="Download">code.google.com &raquo;</a></p>
            </div>
			</div>
			<div class="left right">			
				<!-- Register Form -->
				<div>
					<h1>Not a member yet? Sign Up!</h1>
	
      <table style="vertical-align:middle">
         <tr>
            <td>
               <label class="grey" for="login2">Login:</label>
            </td>

            <td>
               <asp:TextBox ID="txtlogin2" CssClass="field" runat="server" MaxLength="23"></asp:TextBox>
            </td>

            <td align="center">
               <asp:RequiredFieldValidator ID="reqvLogin2" runat="server" ErrorMessage="*" 
                  ControlToValidate="txtLogin2" ValidationGroup="regGroup"></asp:RequiredFieldValidator>
            </td>

            <td rowspan="3" align="center" style="width:100px" >
               <asp:Button ID="btnRegister" runat="server" CssClass="bt_register" Width="64" Height="64" BorderWidth="0" onclick="BtnRegisterClick" ValidationGroup="regGroup" />
            </td>

         </tr>

         <tr>
            <td>
               <label class="grey" for="Password2">Password:</label>
            </td>
            <td>
               <asp:TextBox ID="txtPassword2" CssClass="field" runat="server" MaxLength="23"></asp:TextBox>
            </td>
            
            <td>
               <asp:RequiredFieldValidator ID="reqvPassword2" runat="server" ErrorMessage="*" 
                  ControlToValidate="txtPassword2" ValidationGroup="regGroup"></asp:RequiredFieldValidator>
            </td>

         </tr>
      </table>

               <asp:Label ID="Msg2" CssClass="grey" runat="server" Text="For registration - push the button:)"></asp:Label>
               <br />
               <%--<asp:Button ID="btnRegister" runat="server" CssClass="bt_register" Width="75" Height="25" BorderWidth="0" Text="Button" onclick="BtnRegisterClick" />--%>
				</div>
			</div>
		</div>
</div> <!-- /login -->	

	<!-- The tab on top -->	
	<div class="tab">
		<ul class="login">
			<li class="left">&nbsp;</li>
			<li><asp:Label ID="lblHello" runat="server" Text="Hello Guest!" ForeColor="Green"></asp:Label></li>
			<li class="sep">|</li>
			<li id="toggle">
				<a id="open" class="open" href="#">About | Register</a>
				<a id="close" style="display: none;" class="close" href="#">Close Panel</a>			
			</li>
			<li class="right">&nbsp;</li>
		</ul> 
	</div> <!-- / top -->
	
</div> <!--panel -->


	<div class="outerWrapper"> <!-- BEGIN id="outerWrapper" -->

      <div style="clear: both; margin: 0 auto 0px auto; position: relative; width: 600px; top: 0px; left: 0px;">
		   <h1 class="h1Style" style=" margin:20px auto 0px 120px">WebAppContacts<span class="saleTag">v.0.3 Beta</span></h1>
      </div>

<div  class="login-box">

   <p style="font-size:30px; color:Black; font-weight:bold; margin:0px;">Login:</p>

   <asp:Label style="margin:0px;" ID="Msg" runat="server" Text="Please enter your username and password..." ></asp:Label>

      <div class="login-box-name" style="margin-top:20px; color:Black;">
         Login:
      </div>

      <div class="login-box-field" style="margin-top:20px;">
         <asp:TextBox ID="txtLogin" CssClass="form-login" runat="server" MaxLength="2048"></asp:TextBox>
         <asp:RequiredFieldValidator ID="reqvLogin" runat="server" ErrorMessage="*" 
            ControlToValidate="txtLogin"></asp:RequiredFieldValidator>
      </div>

      <div class="login-box-name" style="color:Black;">
         Password:
      </div>

      <div class="login-box-field">
         <asp:TextBox ID="txtPassword" CssClass="form-login" runat="server" TextMode="Password" MaxLength="2048" ></asp:TextBox>
         <asp:RequiredFieldValidator ID="reqvPassword" runat="server" 
            ErrorMessage="*" ControlToValidate="txtPassword"></asp:RequiredFieldValidator>
      </div>

      <br />

      <span class="login-box-options">
         <asp:CheckBox ID="cbRemember" runat="server" />
         Remember Me<a href="#" style="margin-left:30px; color:Black;">Forgot password?</a>
      </span>
      <br />
      <br />


      <asp:Button ID="btnLogin" runat="server" CssClass="aspBtnLogin" Width="103" 
      Height="40" BorderWidth="0"  onclick="BtnLoginClick" />


   </div><!-- END .login-box -->


</div> <!-- END .outerWrapper -->




</form>
</body>
</html>
